<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>正则表达式验证</title>
    <style type="text/css">
        div{color: #ff0000;font-size: 12px;}
    </style>
    <script>
        function checkCode() {
            var code=document.getElementById("code").value;
            var codePrompt=document.getElementById("codePrompt");
            var regCode=/^\d{6}$/;
            if (regCode.test(code)==false){//使用RegExp对象的test方法进行匹配
                codePrompt.innerHTML="邮政编码输入不正确，请重新输入！！"
                return false;
            }
            codePrompt.innerHTML="";
            return  true;
        }
        function checkMobile() {
            var mobile=document.getElementById("mobile").value;
            var mobilePrompt=document.getElementById("mobilePrompt");
            var regMobile=/^1\d{10}$/;
            if (regMobile.test(mobile) == false){
                mobilePrompt.innerHTML="手机号码输入不正确，请重新输入！"
                return false;
            }
            mobilePrompt.innerHTML="";
            return true;
        }
        function checkAge() {
            var age=document.getElementById("age").value;
            var agePrompt=document.getElementById("agePrompt");
            var regAge=/^130$|^((1[0-2]|[0-9])?\d)$/;
            if (regAge.test(age) == false){
                agePrompt.innerHTML="年龄输入不正确，请重新输入！！"
                return false;
            }
            agePrompt.innerHTML="";
            return true;
        }
    </script>

</head>
<body>
      <h3>正则表达式验证</h3>
      <p>邮政编码：<input id="code" type="text" onblur="checkCode()"/>
      <div id="codePrompt" ></div></p>
      <p>手机号码：<input id="mobile" type="text" onblur="checkMobile()">
      <div id="mobilePrompt"></div></p>
      <p>年 &nbsp;&nbsp; 龄&nbsp;&nbsp;&nbsp;&nbsp;：<input id="age" type="text" onblur="checkAge()">
      <div id="agePrompt"></div></p>
</body>
</html>